﻿.win-pivot .win-pivot-surface {
	height: 75vh;
}

.win-pivot .win-pivot-viewport {
	padding-top: 0px;
	margin-top: 98px;
}

.win-pivot-item .win-pivot-item-content {
	padding: 0px;
}

.hubpage {
	height: 100%;
	background-image: url('/images/hubback.jpg');
	background-size: cover;
}

.hubpage header[role=banner] {
    position: relative;
    z-index: 2;
}

.hubpage section[role=main] {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    z-index: 1;
}

.hubpage .hub {
	margin-top: 4px;
	height: 100%;
}

	.hubpage .hub .win-hub-surface {
		height: 100%;
	}

	.hubpage .hub .hero {
		-ms-high-contrast-adjust: none;
		background-image: url(/images/gray.png);
		background-size: cover;
		margin-left: -80px;
		margin-right: 80px;
		padding: 0;
		width: 780px;
	}

		.hubpage .hub .hero:-ms-lang(ar, dv, fa, he, ku-Arab, pa-Arab, prs, ps, sd-Arab, syr, ug, ur, qps-plocm) {
			margin-left: 80px;
			margin-right: -80px;
		}

		.hubpage .hub .hero .win-hub-section-header {
			display: none;
		}

	.hubpage .hub .section1 {
		width: 95vw;
	}

	.hubpage .hub .section2 {
		width: 95vw;
	}

	.hubpage .hubsection {
		height: 100%;
	}

	.hubpage .listcontainer {
		height: 100%;
		display: -ms-grid;
		-ms-grid-rows: 1fr 60px;
		-ms-grid-columns: 1fr;
	}

	.hubpage .sometext {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		text-align: center;
		padding-top: 7px;
		background-color: rgba(255, 0, 0, 0.2);
		color: white;
		margin-left: 4px;
		font-size: 21pt;
		border: 2px solid white;
	}

	.hubpage .hublist {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		height: 100%;
	}

	.hubpage .win-container  * {
		background-color: transparent;
	}

	.hubpage .hubitem {
		height: 70px;
		padding-top: 23px;
		background-color: rgba(255, 255, 255, 0.4);
		box-sizing: border-box;
	}

	.hubpage .text {
		text-align: center;
		font-size: 15pt;
		line-height: 17.5pt;
	}
			
	.hubpage .hub .section {
		margin-left: 20px;
		margin-right: 0px;
	}
		
.label-extralarge {
	font-size: 28pt;
	opacity: 1.0;
	line-height: 30pt;
}

.label-medium {
	font-size: 15pt;
	line-height: 17.5pt;
}

.label-mediummid {
	font-size: 15pt;
	opacity: 0.6;
	line-height: 17.5pt;
}

@media screen and (orientation: landscape) {
	.win-pivot .win-pivot-surface {
		height: 60vh;
	}
}